<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>      
        // 1.什么是localstorage
        //在HTML5中,新加入了一个localStorage特性,这个特性主要用来作为本地存储来使用。
        //它解决了cookie存储空间不足的问题,每条cookie的存储空间为4K,localStorage一般为5M。

        // 2.localStorage的生命周期
        // LocalStorage生命周期是永久，这意味着除非用户在显示在浏览器提供的UI上清除localStorage信息,
        //	否则这些信息将永久存在。

        // 3.localStorage的局限
        // a.在IE8以上的IE版本才支持localstorage这个属性。
        // b.目前所有的浏览器中都会被localStorage的值类型限定为string类型，
        // 对我们日常比较常见的JSON对象类型需要一个转换。

        // 4.判断浏览器是否支持localstorage这个属性 
        if(window.localstorage){
            alert('浏览器支持localStorage')
        }
        // 5.localstorage的写入 
        if(!window.localStorage){
            alert('浏览器不支持localStorage')
        }else{
            var storage = window.localstorage;
            // 写入a字段
            storage['a'] = 1;
            // 写入b字段 
            storage.b = 2;
            // 写入c字段
            storage.setItem('c',3)
            
            console.log(typeof storage['a']); //string 
            console.log(typeof storage['b']); //string 
            console.log(typeof storage['c']); //string
        }
    </script>
</body>
</html>